<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="styleInscriptions.css" />


</head>
<body>
	<div id="tout">
		<div id="header">
			<label style="font-size: 50px" id="espFamille">Espace famille</label>
			<div id="headerDroite">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
						<h:commandButton value="Déconnexion"
							action="#{mbConnexion.deconnexion}" />
						<h:outputText style="center:left" />
						<h:outputText style="center:left" />
					</h:panelGrid>
				</h:form>
			</div>
		</div>
		<div id="photo">
			<img src="autreImages/classess.jpg" alt="photo" /> <img
				src="autreImages/vignette_passeport.jpg" alt="photo" /> <img
				src="autreImages/vignette_rencontre_jeunesse.jpg" alt="photo" />
			<div id="dernierePhoto">
				<img src="autreImages/vignette_vivre.jpg" alt="photo" />
			</div>
		</div>
		<div id="content">
			<ul id="menu">

				<li><a href="accueil.xhtml">Accueil</a></li>
				<li><a href="ficheEnfant.xhtml">Ma Fiche Enfant</a></li>
				<li><a href="Consulterinscriptions.xhtml">Mes Inscriptions</a>
					<ul>
						<li><a href="inscriptions.xhtml">Inscrire/Modifier</a></li>
						<li><a href="Consulterinscriptions.xhtml">Consulter
								activités</a></li>
					</ul></li>
				<li><a href="factures.xhtml">Mes Factures</a></li>
				<li><a href="contact.xhtml">Contact</a></li>
			</ul>
			<div id="milieux">
				<div id="centre">
					<div id="divoccas">
						<fieldset id="fieldsetoccas">
							<legend>
								<b>Fréquentation occasionnelle</b>
							</legend>
							<div id="per">
								<h5 id="titreDetail">
									<h:outputText value=" Période du  " />
									<h:outputText
										value="#{beanConsultIns.perActuelle.dateDebutInscription}">
										<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
									</h:outputText>
									<h:outputText value=" au " />
									<h:outputText
										value="#{beanConsultIns.perActuelle.dateFinInscription}">
										<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
									</h:outputText>
								</h5>
								<a id="lienActivites" href="ConsulterActiviteInscri.xhtml">Autres
									périodes</a>
							</div>
							<div class="calendrier">
								<fieldset class="fieldsetcalendrier">
									<legend>
										<b>Matin</b>
									</legend>
									<div style="overflow-y: scroll; height: 120px; width: 200px;">
										<h:dataTable id="listedateMatin"
											value="#{beanConsultIns.listFreqOcMat}" var="lfom">
											<h:column>
												<h:outputText value="#{lfom.dateInscriptionIrregulier}">
													<f:convertDateTime type="date" pattern="E dd/MM/yyyy"
														timeZone="Europe/Paris" />
												</h:outputText>
											</h:column>
										</h:dataTable>
									</div>
								</fieldset>
							</div>
							<div class="calendrier">
								<fieldset class="fieldsetcalendrier">
									<legend>
										<b>Cantine</b>
									</legend>
									<div style="overflow-y: scroll; height: 120px; width: 200px;">
										<h:dataTable id="listedateMidi"
											value="#{beanConsultIns.listFreqOcMid}" var="lfomi">
											<h:column>
												<h:outputText value="#{lfomi.dateInscriptionIrregulier}">
													<f:convertDateTime type="date" pattern="E dd/MM/yyyy"
														timeZone="Europe/Paris" />
												</h:outputText>
											</h:column>
										</h:dataTable>
									</div>
								</fieldset>
							</div>
							<div class="calendrier">
								<fieldset class="fieldsetcalendrier">
									<legend>
										<b>Soir</b>
									</legend>
									<div style="overflow-y: scroll; height: 120px; width: 200px;">
										<h:dataTable id="listedateSoir"
											value="#{beanConsultIns.listFreqOcSoir}" var="lfos">
											<h:column>
												<h:outputText value="#{lfos.dateInscriptionIrregulier}">
													<f:convertDateTime type="date" pattern="E dd/MM/yyyy"
														timeZone="Europe/Paris" />
												</h:outputText>
											</h:column>
										</h:dataTable>
									</div>
								</fieldset>
							</div>

						</fieldset>
					</div>
					<!-- 	///////////////////////////////////////////////Fréq régulière///////////////////////////  -->

					<div id="divregulier">
						<fieldset id="fieldsetreg">
							<legend>
								<b>Fréquentation régulière</b>
							</legend>
							<div id="date">
								<label>Date début: </label>
								<h:outputText value="#{beanConsultIns.dateEffet}">
									<f:convertDateTime type="date" pattern="dd/MM/yyyy"
										timeZone="Europe/Paris" />
								</h:outputText>
							</div>
							<div class="regulier">
								<fieldset class="fieldsetRegulierC">
									<legend>
										<b>Matin</b>
									</legend>
									<table>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegMat.lundi}" /></td>
											<td><h:outputLabel>Lundi</h:outputLabel></td>
										</tr>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegMat.mardi}" /></td>
											<td><h:outputLabel>Mardi</h:outputLabel></td>
										</tr>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegMat.jeudi}" /></td>
											<td><h:outputLabel>Jeudi</h:outputLabel></td>
										</tr>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegMat.vendredi}" /></td>
											<td><h:outputLabel>Vendredi</h:outputLabel></td>
										</tr>
									</table>
								</fieldset>
							</div>
							<div class="regulier">
								<fieldset class="fieldsetRegulierC">
									<legend>
										<b>Cantine</b>
									</legend>
									<table>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegMid.lundi}" /></td>
											<td><h:outputLabel>Lundi</h:outputLabel></td>
										</tr>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegMid.mardi}" /></td>
											<td><h:outputLabel>Mardi</h:outputLabel></td>
										</tr>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegMid.jeudi}" /></td>
											<td><h:outputLabel>Jeudi</h:outputLabel></td>
										</tr>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegMid.vendredi}" /></td>
											<td><h:outputLabel>Vendredi</h:outputLabel></td>
										</tr>
									</table>
								</fieldset>
							</div>
							<div class="regulier">
								<fieldset class="fieldsetRegulierC">
									<legend>
										<b>Soir</b>
									</legend>
									<table>
										<tr>
											<td><h:selectBooleanCheckbox 
													value="#{beanConsultIns.freqRegSoir.lundi}" /></td>
											<td><h:outputLabel>Lundi</h:outputLabel></td>
										</tr>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegSoir.mardi}" /></td>
											<td><h:outputLabel>Mardi</h:outputLabel></td>
										</tr>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegSoir.jeudi}" /></td>
											<td><h:outputLabel>Jeudi</h:outputLabel></td>
										</tr>
										<tr>
											<td><h:selectBooleanCheckbox
													value="#{beanConsultIns.freqRegSoir.vendredi}" /></td>
											<td><h:outputLabel>Vendredi</h:outputLabel></td>
										</tr>
									</table>
								</fieldset>
							</div>
						</fieldset>
					</div>
					
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<img src="images/afcepfMinus.png"></img> Gepeto <img
				src="images/malakoffMinus.png" />
		</div>
	</div>
</body>
</html>
